<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
		<jsp:include page="../../common/meta/meta.jsp"></jsp:include>
		<!-- 引入首页页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/index/index/index.css" />
		<!-- 引入租车订单页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentrepay/rentrepay.css" />
		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/line/linerepay/linerepay.css" />
		<!-- 引入页面js -->
		
		
		<!-- 引入日历控件 -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/source/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>

		<div class="rentrepay_head">
			<div class="rentrepay_head_topone"></div>
			<div class="rentrepay_head_toptwo"></div>
			<div class="rentrepay_head_content"><jsp:include page="../../common/allhead/allhead.jsp"></jsp:include></div>
		</div>
		<div class="container">
			<div class="rentrepay_sign">
				<div class="row">
					<div class="col-md-3 col-lg-3 rentrepay_sign_order">
						<div class="rentrepay_sign_order_up">
							<c:choose>
								<c:when test="${order.state eq '1'}">
									待付款
								</c:when>
								<c:when  test="${order.state eq '2'}">
									支付已完成，订单待确认
								</c:when>
								<c:when  test="${order.state eq '3'}">
									预订成功
								</c:when>
								<c:when  test="${order.state eq '4'}">
									出行中
								</c:when>
								<c:when  test="${order.state eq '5'}">
									已完成
								</c:when>
								<c:when  test="${order.state eq '6'}">
									确认完成
								</c:when>
								<c:when  test="${order.state eq '7'}">
									申请退款中
								</c:when>
								<c:when  test="${order.state eq '8'}">
									退款成功
								</c:when>
								<c:otherwise>
									状态未知
								</c:otherwise>		
							</c:choose>
						</div>
						<div class="rentrepay_sign_order_down">
							订单号：${order.num}
						</div>
					</div>
					<div class="col-md-6 col-lg-6"></div>
					<div class="col-md-3 col-lg-3 rentrepay_sign_nav">
					</div>
				</div>
			</div>
			<div class="rentrepay_info">
				<div class="row">
					<div class="col-md-2 col-lg-2 rentrepay_info_pic">
						<img class="rentrepay_info_pic_posi img-responsive" src="https://miniapp.sofangche.com${order.line.showurl}" />
					</div>
					<div class="col-md-5 col-lg-5 rentrepay_info_detail">
						<div class="linerepay_info_detail_title">${order.line.title}</div>
						<div class="linerepay_info_detail_city">
							<div class="linerepay_info_detail_city_icon">
								<img src="${pageContext.request.contextPath}/static/pcsofangche/line/linerepay/img/icon_position_smallcopy.png" class="linerepay_info_detail_city_icon_posi" />
							</div>
							<div class="linerepay_info_detail_city_one">出发地：</div>
							<div class="linerepay_info_detail_city_one">${order.line.city }</div>
						</div>
						<div class="linerepay_info_detail_time">
							<div class="linerepay_info_detail_time_left">
								<div class="linerepay_info_detail_time_left_icon">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/line/linerepay/img/linerepay_rili_small.png" class="linerepay_info_detail_time_left_icon_posi" />
								</div>
								<div class="linerepay_info_detail_time_left_day">出游日期：</div>
							</div>
							<div class="linerepay_info_detail_time_right">
								<div class="linerepay_info_detail_time_right_one">${order.beginDate}&nbsp;&nbsp;${starttime }&nbsp;&nbsp;出发</div>
							</div>
						</div>
						<div class="linerepay_info_detail_timeother">${order.endDate}&nbsp;&nbsp;${endtime}&nbsp;&nbsp;返回</div>
						<div class="linerepay_info_detail_num">
							<div class="linerepay_info_detail_num_icon">
								<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentlist/img/rentlist_icon_hezairengshu25.18.jpg" class="linerepay_info_detail_num_icon_posi" />
							</div>
							<div class="linerepay_info_detail_num_detail">出游人数：${order.adult}成人，${order.child}儿童</div>
						</div>
						<div class="linerepay_info_detail_mes">${order.cusmsg }</div>
					</div>
					<div class="col-md-5 col-lg-5 rentrepay_info_price">
						<div class="rentrepay_info_price_title">订单费用</div>
						<div class="rentrepay_info_price_detail">
						
							<!-- <div class="rentrepay_info_price_detail_item">
								<div class="rentrepay_info_price_detail_item_one">车辆租金</div>
								<div class="rentrepay_info_price_detail_item_two"></div>
								<div class="rentrepay_info_price_detail_item_three">
									<div class="rentrepay_info_price_detail_item_three_sign">￥</div>
									<div class="rentrepay_info_price_detail_item_three_price">1000</div>
								</div>
							</div> -->
							<c:forEach items="${orderitem}" var="item">
							<div class="rentrepay_info_price_detail">
								<div class="rentrepay_info_price_detail_item_one">${item.itemname}</div>
									<div class="rentrepay_info_price_detail_item_two"></div>
									<div class="rentrepay_info_price_detail_item_three">
										<div class="rentrepay_info_price_detail_item_three_sign">￥</div>
										<div class="rentrepay_info_price_detail_item_three_price"> ${item.itemprice}</div>
									</div>
							</div>
						</c:forEach>
						</div>
						<div class="rentrepay_info_price_detailall">
							<div class="rentrepay_info_price_detail_item">
								<div class="rentrepay_info_price_detail_item_one">合计费用</div>
								<div class="rentrepay_info_price_detail_item_two"></div>
								<div class="rentrepay_info_price_detail_item_three">
									<div class="rentrepay_info_price_detail_item_three_sign">￥</div>
									<div class="rentrepay_info_price_detail_item_three_price" id="orderallprice">${order.price }</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="rentrepay_contacts">
				<div class="row">
					<div class="col-md-2 col-lg-2 rentrepay_contacts_one">联系人信息</div>
					<div class="col-md-5 col-lg-5 rentrepay_contacts_two">
						<div class="rentrepay_contacts_two_item">
							<div class="rentrepay_contacts_two_item_name">联系人：</div>
							<div class="rentrepay_contacts_two_item_detail">${order.cname }</div>
						</div>
						<div class="rentrepay_contacts_two_item">
							<div class="rentrepay_contacts_two_item_name">手机号码：</div>
							<div class="rentrepay_contacts_two_item_detail">${order.phone }</div>
						</div>
						<div class="rentrepay_contacts_two_item">
							<div class="rentrepay_contacts_two_item_name">电子邮箱：</div>
							<div class="rentrepay_contacts_two_item_detail">${order.email }</div>
						</div>
					</div>
					<div class="col-md-5 col-lg-5"></div>
				</div>
			</div>
			<div class="linerepay_traveller">
				<div class="row">
					<div class="col-md-7 col-lg-7 linerepay_traveller_detail">
						<div class="linerepay_traveller_detail_up">出游人信息</div>
						<div class="linerepay_traveller_detail_adult">
							<div class="linerepay_traveller_detail_adult_item">
							<c:forEach items="${traveller}" var="item" varStatus="vs">
							<c:if test="${item.type eq '成人'}">
							<div class="linerepay_traveller_detail_adult_one">
								<div class="linerepay_traveller_detail_adult_one_up">第${vs.count}位</div>
								<div class="linerepay_traveller_detail_adult_one_down">${item.type}</div>
							</div>
							<div class="linerepay_traveller_detail_adult_two">
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">姓名：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">${item.name}</div>
								</div>
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">身份证号：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">${item.identnum}</div>
								</div>
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">手机号：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">${item.phone}</div>
								</div>
							</div>
							</div>
							</c:if>
							
							<c:if test="${item.type eq '儿童'}">
							<div class="linerepay_traveller_detail_kids">
							<div class="linerepay_traveller_detail_kids_item">
							<div class="linerepay_traveller_detail_adult_one">
								<div class="linerepay_traveller_detail_adult_one_up">第${vs.count}位</div>
								<div class="linerepay_traveller_detail_adult_one_down">${item.type}</div>
							</div>
							<div class="linerepay_traveller_detail_adult_two">
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">姓名：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">${item.name}</div>
								</div>
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">身份证号：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">${item.identnum}</div>
								</div>
							</div>
							</div>
							</div>
							</c:if>
							
							</c:forEach>
							<!-- <div class="linerepay_traveller_detail_adult_one">
								<div class="linerepay_traveller_detail_adult_one_up">第一位</div>
								<div class="linerepay_traveller_detail_adult_one_down">成人</div>
							</div>
							<div class="linerepay_traveller_detail_adult_two">
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">姓名：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">陈女士</div>
								</div>
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">身份证号：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">430222222222222222</div>
								</div>
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">手机号：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">13888888888</div>
								</div>
							</div> -->
							<!-- 游客集合遍历 -->
							
							</div>
						</div>
						<div class="linerepay_traveller_detail_kids">
							<!-- <div class="linerepay_traveller_detail_kids_item">
							<div class="linerepay_traveller_detail_adult_one">
								<div class="linerepay_traveller_detail_adult_one_up">第一位</div>
								<div class="linerepay_traveller_detail_adult_one_down">儿童</div>
							</div>
							<div class="linerepay_traveller_detail_adult_two">
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">姓名：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">陈女士</div>
								</div>
								<div class="linerepay_traveller_detail_adult_two_item">
									<div class="linerepay_traveller_detail_adult_two_item_name">身份证号：</div>
									<div class="linerepay_traveller_detail_adult_two_item_detal">430222222222222222</div>
								</div>
							</div>
						</div>-->
					</div> 
					<div class="col-md-5 col-lg-5 linerepay_traveller_other"></div>
				</div>
			</div>
			<div class="rentrepay_hidden hidden">
				<div class="rentrepay_hidden_orderid">${sessionScope.orderid}</div>
			</div>
		</div>
		<div class="linerepay_foot"><jsp:include page="../../common/allfoot/allfoot.jsp"></jsp:include></div>
		<div class="linerepay_slide"><jsp:include page="../../common/allside/allside.jsp"></jsp:include></div>
		